// Color variable
$purple: #7D74FF
$blue: #53ECFF
$cyan-blue: #3DF7FF
$green: #48CF73
$powder: #FF4565
$white: #fff
$black: #000

$image-width: 150px

.userColumnBox
  background: $white
  padding: 30px 20px
  height: 100%
  border-radius: 15px

  .userImageBox
    height: $image-width
    width: $image-width
    margin: auto
    border-radius: 50%

    img
      border-radius: 50%
      height: $image-width
      width: $image-width

  .userName
    margin: 10px 0 10px
    font-size: 18px
    font-weight: bold

  .userGroupBox
    margin: 5px 0 15px
    font-size: 14px

    .userGroup
      color: $purple
      font-weight: bold

  .userIntroduction
    cursor: default

    p
      font-size: 16px

  .userButton
    margin-top: 50px
    background: #ccc
    padding: 10px
    border-radius: 10px
    transition: all 0.3s linear

    &:hover
      background: $purple

      a
        color: $white

    a
      font-size: 20px

      b
        margin-right: 5px
        display: inline-block

      p
        display: inline-block
        margin: 0
